,::after,::before{box-sizing:border-box}
*{ list-style: none; margin: 0; border:none; padding: 0; text-decoration: none; font-family: "微软雅黑",宋体; }
body{ font-size:13px; color:#666666}
.clear{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; display:block;}
.clear:after{  content:"";  
            height:0px;  
            visibility:hidden;  
            display:block;  
            clear:both;  
	}

.fl{ float:left}
.fr{ float:right}

.inner{width:100%; max-width: 1100px; margin: 0px auto;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }

img.qw{ display:block; width:100%;}
.w{ width: 100%; max-width:1200px; margin:0 auto;}
.menumain_zhan {
    height: 85px;
    display: none;
}
.menumain.zdl {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
}
.cle{ clear:both;}

.header_zhan {
    height: 85px;
    display: none;
}
header.zdl {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
}

/*椤堕儴*/
header{ background:#fff; position:relative; z-index:999999}
.logo{ padding:12px 0; height: 76px;}


.menumain{ margin:0 auto; padding: 0; width: 100%; height: 60px; background: #f3f3f3; }

.menuzong{ margin:0 auto; padding: 0; width:180px; height: auto; float: left;}



/* 下拉侧边菜单 */
#sidenav{position: relative;width:210px;display: block; float: left;}
#sidenav label {width:210px;display: block;box-sizing: border-box; background: #1d3e81;position: relative;height: 60px;line-height: 60px;color: #fff;font-size: 16px; text-align: center;}
#sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
#sidenav #side {display: none;position: absolute;top: 60px;left: 0;z-index: 999;width: 210px;background: #fff;border: 1px solid #f3f3f3;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
#sidenav #side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
#sidenav ul.side li:first-child {cursor: pointer;}
#sidenav #side li a {color: #666;height: 30px;line-height: 30px;padding: 2px 0 2px 20px;display: block;font-size: 14px;}
#sidenav #side li a:hover {background: none;color: #d92743;}
#sidenav #side li a i {transition: all 0.3s ease 0s;}
#sidenav #side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
#sidenav #side li a:hover i {margin-left: 15px;}
.icon1{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon2{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon3{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon4{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon5{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon6{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon7{background: url(../imgs/sideIcon1.png) no-repeat;}
#sidenav #side li:hover .side_main {display: block;z-index: 999;}
#sidenav #side .side_main {display: none;width: 500px;background: #FFFFFF; padding: 15px; position: absolute;left: 210px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
#sidenav ##side .side_main dl {margin: 20px;padding:0;}
#sidenav #side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #d92743;font-weight: bold; padding-left: 10px;}
#sidenav #side .side_main dl dt b{font-size: 15px;}
#sidenav #side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
#sidenav #side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../imgs/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
#sidenav #side .side_main dl dd a span {color: #999;}
#sidenav #side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
#sidenav #side .side_main dl dd a:hover b {color: #40adf5;}
#sidenav #side .side_main dl dd a:hover span {color: #40adf5;}


#sidenav.on #side{display:block;} 



.nav{ margin: 0 auto; padding: 0; width: 80%; height: auto; float: right;max-width: 1200px;}


.nav>ul>li{ float:left;z-index:999999; background: url(image/tiao.png) no-repeat center right;}
nav>ul>li:last-of-type{ background:none;}


.nav>ul>li>.sub-menu{ display:none; background-color:rgba(217,39,67,.9) ;position: absolute; background-image:url(image/menubj.png); background-repeat:repeat-x; background-position: center top;
width:100%; left:0;overflow: hidden;z-index:999999;
}
.nav>ul>li>.sub-menu.xsx .wlpyi{ position:relative; right:-3%;z-index:999999}
.nav>ul>li>.sub-menu.hxde{ text-align:center; }
.nav>ul>li>.sub-menu.hxde li{ z-index:999999;display:inline-block}
.nav>ul>li>.sub-menu.hxde li a{ z-index:999999;display:block; font-size:14px; color:#555555; padding:25px 0;
    padding-right: 20px;
    margin-right: 20px;
    background: url(image/navbx.png) right center no-repeat;
}

.nav>ul>li>.sub-menu.hxde1{ text-align:left;padding: 10px 0;}
.nav>ul>li>.sub-menu.hxde1 li{ z-index:999999;display:inline-block; padding: 5px 2%; width: 21%; float: left;}
.nav>ul>li>.sub-menu.hxde1 li a{ z-index:999999; display:block; font-size:14px; color:#555555; padding:0;
    background: url(image/navbx.png) right center no-repeat;
}

.nav>ul>li>.sub-menu.zxde { padding:30px 0;}


.nav>ul>li>.sub-menu.zxde .w>li{ z-index:999999;padding:0.5%; margin: 0.5%; width: 20%; display:block; float:left; background: #fff; }
.nav>ul>li>.sub-menu.zxde .w>li:first-child{ z-index:999999;padding:0.5%; margin: 0.5%; width: 33%; display:block; float:left; background: #fff; }
.nav>ul>li>.sub-menu.zxde .w>li>a{ margin: 0 auto; padding: 0; width: 100%; height: auto;z-index:999999;font-size:15px; color:#d42439;background: #fff;  }
.nav>ul>li>.sub-menu.zxde .w>li>a:hover{ text-decoration: underline;}
.nav>ul>li>.sub-menu.zxde .w>li ul{  margin: 0 auto; padding: 0; width: 100%; height: auto;z-index:999999;}




.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{  margin: 0 auto; padding: 0; width: 100%; height: auto; min-height: 60px;;z-index:999999; overflow: hidden;}

.nav>ul>li>.sub-menu.zxde .w>li:first-child .sub-menu-san{  min-height: 186px;}


.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a{ z-index:999999; float: left; padding-right: 15px;  font-size:12px; color:#666; line-height:20px; width: 100%;}
.nav>ul>li>.sub-menu.zxde .w>li:first-child .sub-menu-san li a{  width: 50%;}



.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a:hover{ text-decoration: underline;}

.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san a{ z-index:999999;  font-size:12px; color:#888; line-height:20px; }
.nav>ul>li>.sub-menu.zxde .w>li .menuright{ text-align: right;}

.nav>ul>li>.sub-menu li a{ z-index:999999;line-height:24px; color:#fff}
.nav>ul>li>.sub-menu li a:hover{  z-index:999999;color: #00a2ff;}
.nav>ul>li.xz>ul.sub-menu {
    z-index: 999999;
    
}
.nav>ul>li>a{ z-index:999999;height:60px; line-height:60px; display:block; padding-right:25px; padding-left:25px; background:url(image/navbx.png) right center no-repeat;
font-size:15px; color:#333333}

.nav>ul>li:last-of-type>a{ z-index:999999;margin-right:0; background:none;}

.nav>ul>li>.sub-menu.zxde .w>li:last-of-type{ z-index:999999;}

.nav>ul>li>a:hover,
.nav>ul>li.current_page_item>a,
.nav>ul>li.current-page-ancestor>a,
.nav>ul>li.current-menu-item>a,
.nav>ul>li.current-category-ancestor>a,
.nav>ul>li.current-post-parent>a,.nav>ul>li.xz>a{
color: #00a2ff;}
.navxiala .qiehuan{height:85px; line-height:85px; display:block; padding-right:15px;
    background-image: url(images/jt.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;}
.navxiala .btnr{height:85px; display:block; line-height:85px;padding-right:3px;}	
.navxiala ul{ display:none}
.navxiala{ position: relative}
.navxiala ul{top: 50px;
    position: absolute;
    z-index: 22;
    background: #fff;
    padding: 5px 10px;
    left: -8px;
}
.navxiala ul li{ display:block}
.navxiala ul li a{ color:#666; line-height:26px; display:block} 
.navbar{ display:none;}


.toptel{ float: right; width: 40%; height: auto; text-align: right;}
.toptel img{ max-width: 100%; height: auto;}



/* ============================= 响应式 CSS ============================= */
.desktops-section {
	display:block;
}
.mobile-section {
	display:none;
}
.touch-top-wrapper {
	padding:10px 15px;
	background-color:#fff;
	color:#fff;
}
.touch-logo {
	float:left;
}
.touch-navigation {
	display:none;
}
.touch-toggle-wrapper {
	margin:0 -10px;
}
.touch-toggle {
	position:absolute;
	right:10px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
.touch-toggle li a {
	height:70px;
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left:none;
}
.touch-toggle .touch-toggle-item-last {
	border-right:none;
}
.touch-toggle li a {
	display:block;
	font-size:12px;
}
.touch-toggle li i {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.touch-toggle .touch-icon-language {
	background-image:url(images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image:url(images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image:url(images/touch-icon-search.png);
}
.touch-toggle .touch-icon-menu {
	background-image:url(images/touch-icon-menu.png);
}
.touch-toggle li span {
	display:none;
	text-align:center;
}
.drawer-section {
	background-color:#272a33;
	padding:20px 20px 35px;
	display:none;
}
.touch-language li {
	width:49.9%;
	float:left;
}
.touch-language li a {
	display:block;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	color:#fff;
}
.touch-language li a:hover, .touch-language li a:active {
	background-color:#21232b;
}
.touch-search {
	border:1px solid #3a3f4d;
	position:relative;
}
.touch-search-form {
	padding:0 50px 0 10px;
}
.touch-form-text {
	border:none;
	margin:0;
	background-color:transparent;
	padding:0;
	color:#999;
	width:100%;
	height:42px;
	line-height:42px;
}
.touch-form-btn {
	border:none;
	padding:0;
	margin:0;
	background-color:transparent;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:42px;
	height:42px;
	overflow:hidden;
	cursor:pointer;
	background:url(images/touch-icon-search.png) no-repeat center;
	background-size:16px 16px;
}
.touch-form-btn span {
	display:none;
}
.touch-menu ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.touch-menu ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
	background-color:#21232b;
}
.touch-menu ul li i {
	position:absolute;
	top:19px;
	right:5px;
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.touch-menu ul li i.touch-arrow-right {
	display:none;
	background-image:url(images/touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
	background-image:url(images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
	background-image:url(images/touch-arrow-u.png);
}
.touch-menu ul ul {
	display:none;
	margin:0;
	padding:0 10px 30px 30px;
}
.touch-menu ul ul li {
	border-bottom:none;
	margin:0;
	padding:0;
}
.touch-menu ul ul li a {
	padding:0;
	padding-left:5px;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.touch-menu ul ul li i {
	top:13px;
}




.container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.zixun{ width:250px; height: 50px; border-radius: 25px; background: #d92743; display: block; color: #fff; text-align: center; line-height: 50px; }
.zixun a{ width:250px; height: 50px; background: #d92743; display: block; color: #fff; text-align: center; line-height: 50px; }
.zixun:hover{ width:250px; height: 50px; background: #ffb400; }
.cac{color:#d92743;}



/*seach*/
.seach{margin:0 auto; padding:10px 0; width:100%; height:auto;position:relative;background:#d92743;}
.seach .container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.seach .gjc{float:left;width: 66%;height:56px;line-height:56px;padding: 0 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.seach .gjc span{ font-size:14px; color:#f4f4f4; font-weight:bold;}
.seach .gjc a{font-size:12px;color:#f4f4f4;padding:0 5px;}
.seach .gjc a:hover{ text-decoration:underline; color:#ccc;}
.seach .sc{float:left;width: 30%;background-color: #217fc4;}
.seach .sc input{float:left;width: 76%;height:56px;line-height:56px;padding:0 2%;font-size:14px;color:#f4f4f4;background:none;outline:none;border:none;text-indent: 10px;}
.seach .sc a{ float:right; width:20%; height:56px; background:url(../images/ss.png) no-repeat center;}


.search { width:30%; position: relative; float:left; background-color: #fff;height:40px; margin-top: 10px;}
.search input[type=text] { width:80%; opacity:1;   outline: none; border:0; background:none; line-height: 40px; color: #666; font-size: 14px;  transition:455ms ease-in-out;}

.search .search-txt{ padding-left:10px;}
.search .search-btn{ padding-right:10px; padding-top:5px;}

/*indexpro*/
#indexpro{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f5f5f7;}

.promain{margin:0 auto; padding:20px 0; width: 100%; height: auto;}
.promain ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.promain ul li{margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left; border: 1px solid #e3e3e3; }
.promain ul li img{ max-width: 100%; height: auto;}
.promain ul li .txt{margin:0 auto; padding:8px 0; width: 100%; height: auto; background: #f3f3f3; border-top:1px solid #e3e3e3; font-size: 14px; color: #666; text-align: center;line-height: 20px;}

.promain ul li:hover .txt{background: #173366; color: #fff;}
.promain ul li:hover img {
  
}

.indexmore{ margin: 0 auto; padding: 0; width: 150px; height: 40px; border-radius: 20px; display: block; background: #173366;}
.indexmore a{ margin: 0 auto; padding: 0; width: 150px; height: 40px; border-radius: 20px; display: block; background: #173366; font-size: 18px; color: #fff; line-height: 40px; text-align: center;}
.indexmore a:hover{  background: #db2b48;}


.indexhangye{margin:0 auto; padding:20px 0; width: 100%; height: auto;}
.indexhangyemain{margin:0 auto; padding:20px 0; width: 100%; height: auto;}
.indexhangyemain ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.indexhangyemain ul li{margin:0 auto; padding:10px 0; width: 18%; height: auto; margin: 1%; float: left; background: #f7f9f9;}
.indexhangyemain ul li .img1{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico1.png) no-repeat center center }
.indexhangyemain ul li .img2{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico2.png) no-repeat center center }
.indexhangyemain ul li .img3{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico3.png) no-repeat center center }
.indexhangyemain ul li .img4{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico4.png) no-repeat center center }
.indexhangyemain ul li .img5{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico5.png) no-repeat center center }
.indexhangyemain ul li .img6{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico6.png) no-repeat center center }
.indexhangyemain ul li .img7{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico7.png) no-repeat center center }
.indexhangyemain ul li .img8{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico8.png) no-repeat center center }
.indexhangyemain ul li .img9{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico9.png) no-repeat center center }
.indexhangyemain ul li .img10{margin:0 auto; padding:0; width: 100%; height: 100px;background: url(image/ico11.png) no-repeat center center }


.indexhangyemain ul li:hover{background: #173366;}
.indexhangyemain ul li:hover .img1{background: url(image/icoa1.png) no-repeat center center }
.indexhangyemain ul li:hover .img2{background: url(image/icoa2.png) no-repeat center center }
.indexhangyemain ul li:hover .img3{background: url(image/icoa3.png) no-repeat center center }
.indexhangyemain ul li:hover .img4{background: url(image/icoa4.png) no-repeat center center }
.indexhangyemain ul li:hover .img5{background: url(image/icoa5.png) no-repeat center center }
.indexhangyemain ul li:hover .img6{background: url(image/icoa6.png) no-repeat center center }
.indexhangyemain ul li:hover .img7{background: url(image/icoa7.png) no-repeat center center }
.indexhangyemain ul li:hover .img8{background: url(image/icoa8.png) no-repeat center center }
.indexhangyemain ul li:hover .img9{background: url(image/icoa9.png) no-repeat center center }
.indexhangyemain ul li:hover .img10{background: url(image/icoa11.png) no-repeat center center }


.indexhangyemain ul li .txt{margin:0 auto; padding:0; width: 100%; height: 40px;font-size: 18px; color: #173366; line-height: 40px; text-align: center;}
.indexhangyemain ul li:hover .txt{color: #fff; }



.indexhang{margin:0 auto; padding:50px 0; width: 100%; height: auto; background: #273041;}
.indexhangleft{margin:0 auto; padding:0; width: 25%; height: auto; float: left;}
.indexhangleft .title{margin:0 auto; padding:0; width: 100%; height: auto; float: left;font-size: 24px; color: #fff; line-height: 40px; text-align: left;}
.indexhangleft .txt{margin:0 auto; padding:25px 0; width: 100%; height: auto; float: left;font-size: 12px; color: #fff; line-height: 20px; text-align: left;}
.indexhangleft .more{margin:0; padding:0; width: 100px; height: auto; float: left; display: block; background: #d92742; font-size: 16px; color: #fff; line-height: 40px; text-align: center;}
.indexhangleft .more a{margin:0; padding:0; width: 100px; height: auto; float: left; display: block; background: #d92742; font-size: 16px; color: #fff; line-height: 40px; text-align: center;}
.indexhangleft .more a:hover{background: #fff; color: #d92742; }



.indexhangright{margin:0 auto; padding:0; width: 72%; height: auto; float: right;}
.indexhangright ul{margin:0 auto; padding:0; width: 100%; height: auto; float: right;}
.indexhangright ul li{margin:0 auto; padding:1%; width: 31%; height: auto; float: left; margin:0 1%; background: #fff;}
.indexhangright ul li .img{margin:0 auto; padding:0 width: 100%; height: auto; float: left; }
.indexhangright ul li .img img{ max-width: 100%; height: auto;}
.indexhangright ul li .txt{margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left; font-size: 16px; color: #666; line-height: 20px; text-align: left;}
.indexhangright ul li .txt1{margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left; font-size: 12px; color: #666; line-height: 20px; text-align: left;}


.indexhangright ul li:hover{background: #d92742;}
.indexhangright ul li:hover .txt{color: #fff; line-height: 20px; text-align: left;}
.indexhangright ul li:hover .txt1{color: #fff; line-height: 20px; text-align: left;}

.indexabout{margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.indexabouttitle{margin:0 auto; padding:20px 0; width: 100%; height: auto; font-size: 12px; color: #666; line-height: 20px; text-align: center;}
.indexabout .more{margin:0 auto; padding:0; width: 100px; height: auto;font-size: 16px; color: #fff; line-height: 40px; text-align: center;}
.indexabout .more a{margin:0 auto; padding:0; width: 100px; height: auto; border-radius: 20px; display: block; background: #d92742; font-size: 16px; color: #fff; line-height: 40px; text-align: center;}
.indexabout .more a:hover{background: #273041; color: #fff; }


.indexabout .icoo{margin:0 auto; padding:30px 0; width: 100%; height: auto; max-width: 1100px;}
.indexabout .icoo ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.indexabout .icoo ul li{margin:0 auto; padding:0; width: 21%; height: auto; margin: 2%; float: left;}
.indexabout .icoo ul li .div1{margin:0 auto; padding:0; width: 120px; border-radius: 60px; height: 120px; background: url(image/i11.png) no-repeat center center #f3f3f3;}
.indexabout .icoo ul li .div2{margin:0 auto; padding:0; width: 120px; border-radius: 60px; height: 120px; background: url(image/i12.png) no-repeat center center #f3f3f3;}
.indexabout .icoo ul li .div3{margin:0 auto; padding:0; width: 120px; border-radius: 60px; height: 120px; background: url(image/i13.png) no-repeat center center #f3f3f3;}
.indexabout .icoo ul li .div4{margin:0 auto; padding:0; width: 120px; border-radius: 60px; height: 120px; background: url(image/i14.png) no-repeat center center #f3f3f3;}

.indexabout .icoo ul li .div11{margin:0 auto; padding:0; width: 100%; height: 30px; font-size: 16px; color: #787878; line-height: 30px; text-align: center;}
.indexabout .icoo ul li .div12{margin:0 auto; padding:0; width: 100%; height: 30px; font-size: 12px; color: #787878; line-height: 20px; text-align: center;}


.indexabout .icoo ul li:hover .div1{ background: url(image/i1.png) no-repeat center center #173366;}
.indexabout .icoo ul li:hover .div2{ background: url(image/i2.png) no-repeat center center #173366;}
.indexabout .icoo ul li:hover .div3{background: url(image/i3.png) no-repeat center center #173366;}
.indexabout .icoo ul li:hover .div4{background: url(image/i4.png) no-repeat center center #173366;}

.indexabout .icoo ul li:hover .div11{color: #173366; }
.indexabout .icoo ul li:hover .div12{color: #173366; }

.indexnews{margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f3f3f3;}



/**/
.newsbj{height:auto; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0;}
.news{padding-top:40px;}
.news h3{text-align: center; font-size: 40px; font-weight: bold; height:40px; line-height: 40px; color:#333333;width:217px; margin:0 auto 38px; padding:0 100px; position: relative;}
.news h3:before{width:100px; height:7px;background:url(images/xt1.png) no-repeat center; content:""; position: absolute; top:20px; left:0;}
.news h3:after{width:100px; height:7px;background:url(images/xt2.png) no-repeat center; content:""; position: absolute; top:20px; right:0;}
.news .newssm{width:50%;float:left;}
.news .newssm span{display: block; height:32px; line-height: 32px; margin-bottom: 19px;}
.news .newssm span a{display: block; font-size: 18px; color:#333333; border-left:5px solid #FFF;float:left;padding-left:21px; margin-right: 20px;}
.news .newssm span a.cur{border-left:5px solid #17494a; font-weight: bold; color:#17494a;}
.news .newssm dl{height:186px;margin-bottom: 20px;}
.news .newssm dl dt{width:40%; height:auto; float:left;}
.news .newssm dl dt img{width:100%; height:auto;}
.news .newssm dl dd{width:56%; float:right;}
.news .newssm dl dd strong{display: block; margin-bottom: 6px;}
.news .newssm dl dd strong a{font-size: 15px; color:#333333;font-weight:bold;}
.news .newssm dl dd p{font-size: 14px;width: 308px; color:#999999; height:64px; margin-bottom: 32px;}
.news .newssm dl dd b{display: block; width:100px; height:30px;text-align:center; line-height:30px;background:#173366;}
.news .newssm dl dd b a{display: block; font-size: 14px; font-weight: normal; color:#FFFFFF; }
.news .newssm ul li{width:98%; height:71px; border:1px solid #e5e5e5; margin-bottom: 19px; box-sizing: border-box;padding-top:10px; padding-bottom:11px;}
.news .newssm ul li strong{display: block; width:114px;text-align: center; float:left; font-weight: normal; padding-top:3px; font-size: 30px; line-height: 22px; color:#333333; border-right:1px solid #D2D2D2;}
.news .newssm ul li strong i{display: block; text-align: center; font-size: 14px; line-height: 14px; color:#666666; margin-top: 9px;}
.news .newssm ul li em{display: block;float:left;padding-left:29px; width:408px; height:47px;  background:url(images/jt1.png) no-repeat right;line-height: 47px; }
.news .newssm ul li em a{display:block;font-size: 14px; color:#666666; font-weight: bold;}
.news .newssm ul li:hover em{background:url(images/jt1_h.png) no-repeat right;}
.news .newssm ul li em a:hover{color:#17494a;}
.news .jsbk{width:48%; float:right;}
.news .jsbk span{display: block; height:47px; line-height: 47px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.news .jsbk span em{display: block;float:left; padding-left:20px; font-size: 18px; color:#333333;}
.news .jsbk span em i{font-size: 14px; color:#999999;}
.news .jsbk span b{display: block;float:right;font-size: 14px; color:#999999; margin-right: 20px; font-weight: normal;}
.news .jsbk .bksm{width:100%;padding-left:18px; padding-top:6px;}
.news .jsbk .bksm dl{height:102px;border-bottom:1px dashed #dfdfdf;margin-top: 18px;}
.news .jsbk .bksm dl dt{margin-bottom: 13px;height:30px; line-height: 30px;padding-left:48px; background:url(images/tb.jpg) no-repeat left;}
.news .jsbk .bksm dl dt a{font-size: 14px; color:#666666; font-weight: bold;}
.news .jsbk .bksm dl dt a:hover{color:#17494a;}
.news .jsbk .bksm dl dd p{padding-left:47px; font-size: 14px; color:#666666;}
.news .jsbk .bksm dl.last{border-bottom:0;}

.yin_t{font-size: 32px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 36%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 36%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal; color: #888;}




.content-box{ padding:128px 0; background:#f3f3f3;}
.content h2{ color:#595757; font-weight:normal; font-size:26px; text-align:center; line-height:normal; margin-bottom:36px;}
.content-info{ position:relative; width:30.5%; float:left; margin-right:4.25%; overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:466ms;}
.content-info figcaption{ display:block; height:75px; line-height:75px; color:#5d5d5d; font-size:16px; text-align:center; background:#fff; position:absolute; left:0; bottom:0; width:100%; transition:335ms;}
.content-text{ width:100%; height:100%; background:rgba(235,97,35,0.8); background:#eb6123\9; filter:alpha(opacity=80); box-sizing:border-box; padding:9px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:rotateY(-90deg); transition:450ms;}
.content-wr{ padding:50px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}

.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:22px; border-bottom:1px solid #fff; }
.content-wr p{ color:#ffffff; font-size:14px; margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}



.condownload{ width: 100%; height: auto; margin: 0 auto; padding:40px 0;}

.download{
	padding:2%;
}
.download ul li{
	border:1px solid #bfbfbf;
	padding:1.8% 2%;
	width: 31%;
	float: left;
	margin:1%;
	-moz-box-shadow:4px 4px 0px #ddd; 
	-webkit-box-shadow:4px 4px 0px #ddd; 
	box-shadow:4px 4px 0px #ddd;
}
.down_left{
	width: 80%;
	float: left;
	font-size: 14px;
	color: #444;
	line-height: 22px;
	height: 44px;
	 overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;

}

.download ul li:hover{
	background: #d7253f;
}
.download .down_right{
	float: right; width: 20%; display: block; min-height: 54px; background: url(image/d1.png) no-repeat center center;
}
.download ul li:hover .down_right{background: url(image/d2.png) no-repeat center center;
}


.download ul li:hover .down_left{
	color: #fff;
}

/*indexabout
#indexabout{margin:0 auto; padding:20px 0; width: 100%; height: auto; max-width: 1200px;}
#indexabout1{margin:0 auto; padding:0; width: 100%; height: auto; display: block;}
#indexabout11{margin:0 auto; padding:0; width: 57%; height: auto; float: left;}
#indexabout11 img{ max-width: 100%; height: auto;}
#indexabout12{margin:0 auto; padding:0; width: 43%; height: auto; float: right;}
#indexabout12 img{ max-width: 100%; height: auto;}
#indexabout2{margin:0 auto; padding:0; width: 100%; height: auto; background: #f3f3f3; }
#indexabout21{margin:0 auto; padding:0; width: 57%; height: auto; float: left;}
#indexabout21 img{ max-width: 100%; height: auto;}
#indexabout22{margin:0 auto; padding:0; width: 43%; height: auto; float: right;}
#indexabout221{margin:0 auto; padding:4%; width: 92%; height: auto; float: left;}
#indexabout221 .title{margin:0 auto; padding:40px 0 0 0; width: 100%; height: auto; float: left;color: #000; text-align: left; font-size: 24px; line-height: 40px;}
#indexabout221 .title span{ color: #ffb400;}

#indexabout221 .con{margin:0 auto; padding:20px 0; width: 100%; height: auto; float: left;color: #777; text-align: left; font-size: 12px; line-height: 25px;}
#indexabout221 .btt{margin:0 auto; padding:0; width: 100px; height: 40px; float: left; display: block;}
#indexabout221 .btt a{margin:0 auto; padding:0; width: 100px; height: 40px; float: left; display: block;background: #00a2ff;color: #fff; text-align: center; font-size: 12px; line-height: 40px;}
#indexabout221 .btt a:hover{background: #ffb400;}
*/

#conabout{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
#conaboutleft{ margin:0 auto; padding:0; width: 50%; height: auto; float: left;}
#conaboutleft .title{ margin:0 auto; padding:15px 0; width: 100%; height: auto; float: left;color: #000; border-bottom: 1px dashed #e3e3e3; text-align: left; font-size: 30px; font-weight: bold;line-height: 40px;}

#conaboutleft .con{ margin:0 auto; padding:20px 0; width: 100%; height: auto; float: left;color: #666; text-align: left; font-size: 14px; font-weight: normal;line-height: 25px;}


#conaboutright{ margin:0 auto; padding:0; width: 48%; height: auto; float: right;}
#conaboutright img{ max-width: 100%; height: auto;}



#contentc1{margin-bottom:10px; width:100%;}
#contentc1 .title{width:176px; border:1px solid #e3e3e3; border-bottom:0; font-weight:bold; background:#f3f3f3; text-align:center; position:relative; bottom:-1px; line-height:2em; z-index:9;}
#contentc1 .main{border:1px solid #e3e3e3; background:#f2f2f2; position:relative;}

#contentc1 form{margin:8px; background:#fff; padding:10px 0;}
#contentc1 td{ height:30px; padding-top:5px; padding-bottom:5px;font-family:"微软雅黑","宋体"; font-size:14px; padding-left:10px; padding-right:10px;}

#contentc1 .tip{font-size:12px; color:#666;}
#contentc1 input{ border: 1px solid #e3e3e3;}
#contentc1 textarea{ border: 1px solid #e3e3e3;}

#contactmain2{ margin:0 auto; padding:30px 0; width: 100%; height: auto; }
#contactmain11{ margin:0 auto; padding:0; width: 100%; height: auto; max-width: 1200px; }


/* 主页新闻 */
.news_list { width:100%; height:auto; display:table; padding:30px 0; background: #f3f3f3; }
.news_list .title-box { width:100%; height:auto; display:table; text-align:center; padding-bottom:30px; }
.news_list .title-box h2.title { width:100%; height:38px; font-size:32px; display:block; color:#000; }
.news_list .tabs { width:100%; height:50px; padding-top:10px; text-align:center; }
.news_list .tabs li { display:inline-block; margin-right:1px; padding:0px; border:0px; }
.news_list .tabs li a { width:132px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background:#cfcfcf; font-size:14px; }
.news_list .tabs li.active a { background:#44a4ef; }
.news_list .tabs li a:hover { background:#ffa800; }
.news_list .news_box { width:1200px; height:auto; background:#fff; overflow:hidden; }
.news_list .news_box .tj_news { width:38%; height:auto; float:left; border-right:1px solid #f5f5f5; padding:37px; }
.news_list .news_box .tj_news h3 { width:100%; height:48px; line-height:24px; overflow:hidden; font-size:20px; display:block; }
.news_list .news_box .tj_news h3 a { font-weight:bold; color:#000; }
.news_list .news_box .tj_news h3 a:hover { color:#f00; }
.news_list .news_box .tj_news .desc { width:100%; height:80px; overflow:hidden; display:block; line-height:20px; padding:10px 0; font-size:12px; color:#ccc; }
.news_list .news_box .tj_news time { width:100%; height:30px; display:block; color:#999; position:relative; padding-left:10px;  }
.news_list .news_box .tj_news time:before { width:2px; height:12px; background:#e37100; top:4px; left:0px; content:""; position:absolute;  }
.news_list .news_box .tj_news .tj_pic { width:100%; height:auto; overflow:hidden; }
.news_list .news_box .tj_news .tj_pic img { width:100%; height:auto; transition:all 0.6s; }
.news_list .news_box .tj_news .tj_pic a:hover img { transform:scale(1.2); }
.news_list .news_box .news_right_list { width:50%; height:auto; float:left; padding:2%; padding-bottom:0px; display: block;}
.news_list .news_box .news_right_list ul li { width:100%; height:auto; min-height: 120px; padding: 10px 0;  margin:5px 0; border-bottom: 1px dashed #e3e3e3; display: block;}
.news_list .news_box .news_right_list ul li .img { width: 30%; height: auto; float: left;}
.news_list .news_box .news_right_list ul li .img img { max-width: 90%; height: auto;transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li .txtcc { width:66%; padding: 0 2%; display: block;height:auto; float: right;transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }


.news_list .news_box .news_right_list ul li b { padding: 0 2%; width:96%; height:30px; line-height:20px; font-size:16px; font-weight:500; display:block; color:#000; }
.news_list .news_box .news_right_list ul li p { padding: 0 2%; width:96%; height:64px; line-height:20px; color:#ccc; display:block;font-size:12px; }
.news_list .news_box .news_right_list ul li time { padding: 0 2%; width:96%; font-size:11px; color: #666; display:block; position:relative; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li time:before { position:absolute; color:#dedede; right:-5px; top:2px; font-weight:100; font-family:"iconfont"!important; content:"\e621"; }
.news_list .news_box .news_right_list ul li time i { width:25px; height:1.4px; background:#dedede; right:0px; top:11px; position:absolute; font-size:0px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover { transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover time:before { color:#0b80c6; }
.news_list .news_box .news_right_list ul li a:hover i { width:56px; background:#f00; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover b { color:#0b80c6; }
.news_list .news_box .news_right_list ul li a:hover img { left:-10px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/*indexhezuo*/

.indexhezuo{ margin:0 auto; padding:50px 0; width: 100%; height: auto; max-width: 1200px;}
.indexhezuo .title{ margin:0 auto; padding: 0; width: 100%; height: auto; color: #000; text-align: center; font-size: 24px; line-height: 30px;}
.indexhezuo .title span{ color: #01a1ff; }
.indexhezuo .titleen{ margin:0 auto; padding: 0; width: 100%; height: auto; color: #000; text-align: center; font-size: 12px; line-height: 30px;}

.indexhezuo .hezuo{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexhezuo .hezuo ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexhezuo .hezuo ul li{ margin:0 auto; padding: 0; width: 14%; height: auto; margin: 1%; float: left;}
.indexhezuo .hezuo ul li img{ max-width: 100%; height: auto;}



#indexnone{margin:0 auto; padding:50px 0; width:100%; height:auto; background: url(image/bg2.jpg) no-repeat center center;}
#indexnone .title{margin:0 auto; padding:15px 0; width:100%; height:auto;font-size:34px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:60px; text-align:center; text-decoration:none;}
#indexnone .txt{margin:0 auto; padding:0; width:150px; height:40px;font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:center; text-decoration:none;}
#indexnone .txt a{margin:0 auto; display: block;padding:0; width:150px; height:40px; background: #00a2ff; font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:center; text-decoration:none;}
#indexnone .txt a:hover{ background: #fff; color:#00a2ff; }


/*indexshebei*/
.indexpromobile{  display: none;}


.section-space-less30 {
  padding: 50px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-space-less30 {
    padding: 40px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-space-less30 {
    padding: 30px 0;
  }
}


.col-lg-12 {width: 100%;}
.col-lg-3 {width: 31%; margin: 1%; float: left;}

.bg-gray2 {
  background-color: #f2f4f5;
}
.bg-common-style {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-space-less30{ margin: 0 auto; padding:40px 0; width: 100%; height: auto;} 
.section-title11 {
  margin: 20px 0; width: 100%; height: auto;border-bottom: 1px dashed #e3e3e3; font-size: 24px; line-height: 40px; font-weight: bold;color: #003b8f;  text-align: left;
}
.section-con1 {
  margin: 0; width: 100%; height: auto;
}
.section-title {
  margin-bottom: 60px;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-title {
    margin-bottom: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-title {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title {
    margin-bottom: 40px;
  }
}
.section-title h2 {
  margin-bottom: 10px;
  color: #333333;
}
.section-title h2 span {
  color: #ff9800;
}
.section-title p {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: 60%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-title p {
    width: 75%;
  }
}
@media (max-width: 991px) {
  .section-title p {
    width: 100%;
  }
}


.why-choose-layout1 {
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transform: scale(1);
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
}
.why-choose-layout1 .image-box {
  margin-bottom: 10px;
  overflow: hidden;
}
.why-choose-layout1 .image-box img {
  width: 100%;
  transform: scale(1);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.why-choose-layout1 .content-box {
  text-align: center; background: #fff;
  padding: 0 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose-layout1 .content-box {
    padding: 0 15px;
  }
}
.why-choose-layout1 .content-box h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
.why-choose-layout1 .content-box h3 a {
  color: #333333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
  .why-choose-layout1 .content-box1 {
    padding: 5px 15px; color:#666; font-weight: normal; line-height: 20px; height: 40px; text-align: center;
  }


.why-choose-layout1 .content-box h3 a:hover {
  color: #ff9800;
}
.why-choose-layout1 .content-box ul {
  margin-bottom: 15px;
}
.why-choose-layout1 .content-box ul li {
  display: inline;
  margin-right: 20px;
}
.why-choose-layout1 .content-box ul li:last-child {
  margin-right: 0;
}
.why-choose-layout1 .content-box ul li a {
  color: #333333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.why-choose-layout1 .content-box ul li a:hover {
  color: #7d8f99;
}
.why-choose-layout1 .content-box p {
  margin: 0;
  padding-bottom: 40px;
}
.why-choose-layout1:hover {
  transform: scale(1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.why-choose-layout1:hover img {
  transform: scale(1.2);
}

.col-lg-3 {width: 23%; margin: 1%; float: left;}
.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:645px;background:#fff; display: block;}
.selected-solution>div{position:relative;width:1270px;margin:0 auto}
.selected-solution .swiper-container{height:625px;width:1200px}
.selected-solution .layer-title{color:#393b40;padding:20px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1200px;margin:0 auto 0}
.swiper-slide,.swiper-wrapper{height:560px!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:480px;background:#f3f3f3;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:530px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:100%;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left; color: #0b80c6;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}

.arrow-more{ display:block; padding:5px 15px; background: #0b80c6; font-size: 14px; text-align: center; color: #fff; line-height: 30px;}
.arrow-more a{ display:block; padding:5px 15px; background: #0b80c6; font-size: 14px; text-align: center; color: #fff; line-height: 30px;}


/*indexsolution*/

.indextitle{margin:0 auto; padding:0; width: 100%; height: auto; color: #000; text-align: center; font-size: 24px; line-height: 30px;}
.indextitle span{color: #ffb400;}

.indextitleen{margin:0 auto; padding:0; margin-bottom: 30px; width: 100%; height: auto; color: #888; text-align: center; font-size: 12px; line-height: 20px;}


.indexbg1{ margin:0 auto; padding: 30px 0; width: 100%; height: auto; background: url(image/bg1.jpg) no-repeat top center;}

.main1140{ width:1140px;margin:0 auto; overflow:hidden; display: block;}
.solutionmain{ display:none;}
/*拍摄服务流程开始*/
.process-box{ width: 1140px;height: auto; min-height: 650px;}
.process-box ul{width: 1140px;}
.process-box ul li{
  width: 196px;
  height: 196px;
  float: left;
  cursor: pointer;
  position: relative;
}

.process-box ul li .shang{
  position: absolute; background: none;
  width: 276px;
  height: 276px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}


.process-box ul li .kuanga{
  position: absolute; background: none;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuangb{
  position: absolute; background: #339fe0;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:0;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuang{
  position: absolute; background: #fff;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuang1{
  top: 0;
  left: 0;
  z-index: 1;
}
.process-box ul li .kuang2{
  left: 0px;
  top: 0px;
  z-index: 2;
}
.process-box ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:0;}
.process-box ul li .text1 .bg{width: 276px; height: 276px; }
.process-box ul li .text1 .bg1{ background: url(../images/process-img1.png) no-repeat;}
.process-box ul li .text1 .bg2{ background: url(../images/process-img2.png) no-repeat;}
.process-box ul li .text1 .bg3{ background: url(../images/process-img3.png) no-repeat;}
.process-box ul li .text1 .bg4{ background: url(../images/process-img4.png) no-repeat;}
.process-box ul li .text1 .bg5{ background: url(../images/process-img5.png) no-repeat;}
.process-box ul li .text1 .bg6{ background: url(../images/process-img6.png) no-repeat;}
.process-box ul li .text1 .bg7{ background: url(../images/process-img7.png) no-repeat;}
.process-box ul li .text1 .num{ padding-top: 70px; font-size: 86px; color: #dacdc2; font-weight: 700; }
.process-box ul li .text1 .title{ font-size: 18px; color: #0b80c6; }
.process-box ul li .text1 .eng{ font-size: 12px; color: #b4a078; }
.process-box ul li .text1 .titlebai{ font-size: 24px; color: #fff; text-align: center; padding-top: 40px;}
.process-box ul li .text3{ width: 276px; height: 276px;  background: #339fe0; text-align:center;z-index: 3; position: absolute; left: 7px; top:0;}
.process-box ul li .text3 .bg{width: 276px; height: 276px; }


.process-box ul li .text2{ width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px;display: none; }
.process-box ul li .text2 .mengban{ border:1px solid #339fe0;
  position: absolute;
  z-index: 1;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #339fe0;
  margin-top: 42px;
  margin-left: 37px;
	
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	
}





.process-box ul li .text2 .desc{ position: absolute; z-index: 2; width: 140px; height: 110px; top: 88px; left:70px; font-size: 12px; color: #fff; text-align: center; line-height: 24px;}
.process-box ul li{ margin-right: 89px; }
.process-box ul.two li{ margin-top: -40px;}
.process-box ul.one li{ margin-top: -40px;}
.process-box ul.three li{ margin-top: 10px;}
.process-box ul li:hover .text2{
  display: block;
}

.process-box ul li:hover{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;

}

.neibanner1{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( images/conban1.jpg) no-repeat top center;}
.neibanner2{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( images/conban2.jpg) no-repeat top center;}
.neibanner3{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( images/conban3.jpg) no-repeat top center;}
.neibanner4{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( images/conban4.jpg) no-repeat top center;}
.neibanner5{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( images/conban5.jpg) no-repeat top center;}
.neibanner6{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( images/conban6.jpg) no-repeat top center;}
.neititle{margin:0 auto; padding:120px 0 0 0; width: 100%; height: auto; color: #fff; text-align: center; font-size: 24px; line-height: 30px;}
.neiloction{margin:0 auto; padding:0; width: 100%; height: auto; color: #fff; text-align: center; font-size: 14px; line-height: 30px;}
.neiloction a{color: #fff; text-align: center; font-size: 14px; line-height: 30px;}
.neiloction a:hover{ text-decoration: underline;}


.col-md-4{ width: 31%; margin: 1%; float: left;}
.section_padding {
    padding: 60px 0;
}
.hero-section-title {margin-bottom: 60px;}
.hero-section-title h1 {
    font-size: 30px;
    font-weight: 300;
    color: #38373c;
    line-height: 40px; text-align: center;
}

.btn-yellow:hover {
    background-color: #09aeb8;
    color: #ffffff;
}
.btn-yellow {
    background-color: #01a1ff;
    color: #38373c;
    padding:10px 0;
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-size: 12px;
}


.service_area {
    background-color: #f1f1f1;
}
.service_box {
    background-color: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 10px solid #fff;
    text-align: center;
}
.service_box .service_img img {
    width: 100%;
}
.service_box .service_img {
    position: relative;
}
.service_box .service_img .icon-box {
    text-align: center;
    width: 77px;
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.service_box .service_img .icon-box i {
    line-height: 75px;
    font-size: 38px;
    color: #38373C;
}
.service_box .service_img:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.service_box:hover > .service_img:before {
    opacity: .7;
    visibility: visible;
}
.service_box:hover {
    background-color: #38373c;
    color: #ffffff;
}
.service_box:hover h2 {
    color: #f5d974;
}
.service_box .btn-yellow {
    width: 100%;
    display: block;
    background-color: #F1F1F1;
}
.service_box .btn-yellow:hover {
    color: #38373c;
}
.service_box:hover .btn-yellow {
    background-color: #01a1ff;
}
.service_box:hover p {
    color: #ffffff;
}
.service_box .service_details {
    padding: 20px 0 0px;
}
.service_details h2 a {
    display: block;
}
.service_details h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
}
.service_details p { min-height: 70px;
    color: #87868a;
    font-size: 12px;
    margin-bottom: 20px;
    font-weight: normal;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	
}
.service_details p a{
    color: #87868a;
    font-size: 12px;
    font-weight: normal;	
}
.service_center_left i {
    font-size: 50px;
}

/*成功案例*/
.case-box{ padding:100px 0 125px; background:#f3f3f3;}
.cases{ margin-bottom:10px;}
.cases li{ width:32.2%; margin-right:1.7%; float:left; margin-bottom:60px;}
.cases li:nth-child(3n+3){ margin-right:0;}
.cases li figure{ display:block; overflow:hidden; line-height:normal;}
.cases li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
.cases li figcaption{ display:block; width:100%; height:70px; color:#6c6c6c; font-size:14px; background:#d3d3d3; margin-top:3px; position:relative; overflow:hidden;}
.cases li figcaption span{ display:block; line-height:70px; text-align:center; position:relative; z-index:5; transition:350ms;}
.cases li figcaption:before{ content:""; width:100%; height:100%; background:#01a1ff; position:absolute; left:0; top:100%; transition:340ms;}
.cases li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.cases li:hover figcaption:before{ top:0;}
.cases li:hover figcaption span{ color:#fff;}




/*about style*/
.bgf5{ background-color: #f5f5f5;}
.pagePadding{ padding: 100px 0px;}
.aboutPbox-box{ position: relative;}
.aboutPbox{ width: 754px; margin: 0px auto;}
.iboxT{ margin-bottom: 60px;}
.iboxT .zh{ font-size: 30px; color: #333333; line-height: 1.5;}
.iboxT .en{ color: #666; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.aboutP-list{ padding-bottom: 50px;}
.aboutP-list li{ float: left; display: block; width: 24%; padding: 0px 2% 0px 7%; border-right: 1px solid #cdcdcd; color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .txt{ color: #e3001e; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;}
.aboutP-list .num{ font-size: 60px; padding-right: 10px;}
.aboutP-list .add{ position: absolute; font-weight: bold;}
.aboutP-list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}
.aboutP-list .zh{ font-weight: bold;}
.pageC a:link, .pageC a:visited { color: #d02a25; }
.pageC a:active, .pageC a:hover { color: #ee2d31; }
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}
.pbot{ background: url(images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.black-20{ background: url(images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.aboutC-box{ background-color: #fff; padding: 80px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify; font-size: 14px; line-height: 30px;}
.pagePadding2{ padding: 135px 0px;}


.culture{ margin: 0 auto; padding: 0; width: 100%; height: auto;}
.culture .title{ margin:30px auto; padding:8px 2%; width:96%; height: auto;font-size: 24px; line-height: 30px; text-align: center; color: #000; border-bottom: 1px dashed #e3e3e3; border-top:1px dashed #e3e3e3;}
.culture .titleen{ margin: 0 auto; padding: 0;  width: 100px; height: 2px ;background: #e3e3e3;}

.culture .con{ margin: 0 auto; padding:0;  width: 100%; height: auto ;}
.values-list a:link, .values-list a:visited { color: #fff; }
.values-list a:active, .values-list a:hover { color: #fff; }
.values-list{ margin: 0 auto; padding: 0; width: 92%; height: auto;color: #fff;}
.values-list li{ float: left; display: block; width: 23%; margin:25px 0px 0px 2%; position: relative; overflow: hidden;}
.values-list .img{ overflow: hidden;}
.values-list .img img{ width: 100%; display: block;}
.values-list .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.values-list .tbox{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -46px; line-height: 1.5; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.values-list .ico{ width: 40px; height: 40px; display: block; margin: 0px auto 6px;}
.values-list .en{ font-family: arial, helvetica, sans-serif;}
.values-list .zh{ font-size: 18px;}
.values-list .con{ position: absolute; width: 80%; left: 10%; top: 100%; line-height: 2; border-top: 1px solid #edb1b2; border-bottom: 1px solid #edb1b2; padding: 14px 0px; min-height: 140px; overflow: hidden; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.red-80{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/red_80.png) repeat; background: none rgba(204,0,0,0.8);}
.values-list .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}


.values-list li:hover .tbox{ visibility: hidden\9; opacity: 0; transform: translateY(50px); transform: translateY(50px);}
	.values-list li:hover .con{ top: 18%;}
	.values-list li:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}

.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.body-right{ min-height: calc(100vh - 296px);}


/*about style end*/

.product-list { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list li { margin:0 auto; padding:0; width:22.5%; margin:1%; float:left;border:1px solid #e3e3e3;
	text-align:center;
}
.product-list1 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list1 li { margin:0 auto; padding:0; width:31%; margin:1%; float:left; border:1px solid #e3e3e3;
	
	text-align:center;
}

.portfolio-img {
	
	overflow:hidden;
}
.portfolio-img a {
	position:relative;
}
.portfolio-img a, .portfolio-img img {
	width:100%;
	display:block;
	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


.portfolio-wenzi { margin:0 auto; padding:0; width:100%; height:40px; background:#f0f0f0; color:#666; line-height:40px;
}


.product-item {
	position:relative;
}
.product-item .portfolio-img {
	background-color:#f2f2f2;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
}
.product-item .portfolio-text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	text-align:center;font-size:12px;
	width:96%; padding-left:2%; padding-right:2%;
	height:100%;
	color:#fff;
}
.product-item .portfolio-text h2 {
	margin:20px 20px 20px;
	line-height:normal;
	font-size:14px; color: #fff;
	font-weight:normal;
}
.product-item .portfolio-text .icon-detail {
	display:inline-block;
*display:inline;
*zoom:1;
	width:41px;
	height:41px;
	background:url(../images/icon-detail.gif) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	transition:transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
	display:none;
}

.product-item a:hover .portfolio-text {
	display:block;
}
.product-item .portfolio-text:hover .icon-detail {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.product-item .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#047aba;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
	filter:alpha(opacity=90);
	opacity:0.9;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}



/*new*/

#conmainwrite { margin:0 auto; padding:30px 0; width: 100%; height: auto;background: #f3f3f3;}




#conmain{ margin:0 auto; padding:30px 0; width: 100%; height: auto; max-width: 1200px;}
#conmainleft{ margin:0 auto; padding:0; width: 24%; height: auto; float: left; background: #fff;}
#conmainleft1{ margin:0 auto; padding:0; width: 100%; height: 50px; float: left; background: #204184;}
#conmainleft1 span{ padding-left: 30px;font-size:24px; color:#fff; text-align:left; text-decoration:none; line-height:50px; font-weight:normal; }
#conmainleft2{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft2 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft2 ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; margin-top: 1px;}
#conmainleft2 ul li a{ margin:0 auto; padding:0 3%; width: 94%; background:url(images/dot.png) no-repeat center right #f3f3f3; float: left; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:50px; font-weight:normal;}

#conmainleft2 ul li a:hover{ background:url(images/dot1.png) no-repeat center right #b6b5b5; color: #fff; }


#conmainleft2 ul li.on a{ margin:0 auto; padding:0 3%; width: 94%; background:url(images/dot1.png) no-repeat center right #6babce; color: #fff; float: left; font-size:14px;  text-align:left; text-decoration:none; line-height:50px; font-weight:normal;}

#conmainleft2 ul li.on a:hover{ background:url(images/dot1.png) no-repeat center right #6babce; color: #fff; }




#conmainleft4{ margin:0 auto; padding:0; width: 100%; height: 50px; float: left; background: #204184;border-radius:5px 5px 0 0;border:1px solid #e3e3e3; border-bottom:0;}
#conmainleft4 span{ padding-left: 30px;font-size:18px; color:#fff; text-align:left; text-decoration:none; line-height:50px; font-weight:normal; }
#conmainleft3{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; border: 1px solid #e3e3e3;}
#conmainleft3 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft3 ul li{ margin:0 auto; padding:0; padding:0; width: 100%; display: block; float: left; margin-top: 1px;border-bottom: 1px dashed #e3e3e3;}
#conmainleft3 ul li a{ margin:0 auto; padding-left:30px; padding: 10px 3%; padding-left: 30px; width: 100%; background:url(images/dot2.jpg) no-repeat left center #fff; height: auto; display: block;float: left; font-size:16px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:bold;  }
#conmainleft3 ul li a:hover{ background:url(images/dot1.png) no-repeat left center #f3f3f3;  color:#204184;}


#conmainleft3 ul li.on a{  background:#f3f3f3;  color:#204184; font-weight: bold;}

#conmainleft3 ul .cpmll{ margin:0 auto; padding:5px 3%; width: 94%; float: left; font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight:normal; }
#conmainleft3 ul .cpmll a{ font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:20px; font-weight:normal; padding-right:10px; padding-left: 10px; }
#conmainleft3 ul .cpmll a:hover{ font-size:12px; color:#000; }


#conmainleft5{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; border: 1px solid #e3e3e3;}
#conmainleft5 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft5 ul li{ margin:0 auto; padding:0; padding:10px 3%; width: 94%; background:url(images/dot2.jpg) no-repeat left center #fff; float: left; margin-top: 1px; border-bottom: 1px dashed #e3e3e3;}
#conmainleft5 ul li a{ margin:0 auto;padding-left:25px;  float: left; font-size:13px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal; }
#conmainleft5 ul li a:hover{color:#204184;}


#conmainleft6{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; border: 1px solid #e3e3e3;}
#conmainleft6 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft6 ul li{ margin:0 auto; padding:0; padding:10px 3%; width: 100%; background:url(images/dot2.jpg) no-repeat left center #fff;  float: left; margin-top: 1px;}
#conmainleft6 ul li a{ margin:0 auto; padding-left:30px; float: left; font-size:16px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:bold; border-bottom: 1px dashed #e3e3e3; }
#conmainleft6 ul li a:hover{ background:#f3f3f3;  color:#204184;}


#conmainleft6 ul li.on a{  background:#f3f3f3;  color:#204184; font-weight: bold;}

#conmainleft6 ul .cpmll{ margin:0 auto; padding:5px 3%; width: 94%; float: left; border-bottom: 1px dashed #e3e3e3;font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }
#conmainleft6 ul .cpmll a{ margin:0 auto; padding:5px 3%; width: 100%; display: block;height: auto; font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }
#conmainleft6 ul .cpmll a:hover{ font-size:12px; color:#000; }



#conmainright{ margin:0 auto; padding:0; width: 74%; height: auto; float: right; background: #fff; }
#conmainrightlocion{ margin:0 auto; padding:5px 2%; width: 96%; height: auto; float: left; border-bottom: 1px dashed #e3e3e3;font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:30px; font-weight:normal;}
#conmainrightlocion a{ font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:30px; font-weight:normal;}
#conmainrightlocion a:hover{  text-decoration: underline;}

#conmainright1{ margin:0 auto; padding:0; width: 100%; height: auto; float: right;}
#conmainright1 h2{ margin:0 auto; padding:0; width: 100%; height: auto;font-size:24px; color:#666; text-align:center; text-decoration:none; line-height:50px; font-weight:normal;}


#conmainright .title{ margin:0 auto; padding:20px 3%; width: 94%; height: auto;font-size:24px; color:#000; text-align:center; text-decoration:none; line-height:30px; font-weight:normal;}
#conmainright .con{ margin:0 auto; padding:10px 3%; width: 94%; height: auto; line-height: 25px;}
#conmainright .con img{ max-width: 100%; height: auto;}

#conmainright .title1{ margin:0 auto; padding:20px 3%; width: 94%; height: auto;font-size:24px; color:#000; text-align:left; border-bottom: 1px dashed #e3e3e3;text-decoration:none; line-height:30px; font-weight:normal;}

#conmainright .nei{ margin:0 auto; padding:20px 0; width: 100%; height: auto;}
#conmainright .nei ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
#conmainright .nei ul li{ margin:0 auto; padding:0; width: 22.5%; height: auto; margin: 1%; border: 1px solid #f3f3f3; float: left;}
#conmainright .nei ul li img{ max-width: 100%; height: auto;}
#conmainright .nei ul li .txt{ margin:0 auto; padding:0; width: 100%; height: auto;font-size:12px; background: #fff; color:#666;border-top: 1px solid #f3f3f3; text-align:center; text-decoration:none; line-height:30px; font-weight:normal; }
#conmainright .nei ul li:hover .txt{ background: #f3f3f3;  }

.pic {width: 100%; overflow: hidden; font-size: 0;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.contRightWrap {margin-top: 10px;}
.courseList {}
.courseList li {padding:3%; border: 1px solid #e3e3e3; background: #fafafa; display: block; width: 90%; margin:0 2% 2% 2%;}


.courseList li .single-line{font-size: 18px; font-weight: 600; line-height: 30px; color: #000;}
.courseList li .single-line span{font-size: 12px; font-weight: normal; color: #888; line-height: 30px;}
.courseList li .multi-line{font-size: 12px; font-weight: normal; color: #888; line-height: 20px;}

.courseList li:hover{ background: #204184;}
.courseList li:hover .single-line{color: #fff;}
.courseList li:hover .single-line span{color: #fff;}
.courseList li:hover .multi-line{color: #fff;}


/*
.newsList {margin-top: 15px;}
.newsList li {overflow: hidden; border: none; margin-bottom: 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic {}
.newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {margin-top: 2px; line-height: 28px; font-size: 16px; font-weight: normal;}
.newsList li .cont h3 a {color: #4c4c4c;}
.newsList li .cont h4 {line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont p {color: #808080; line-height: 22px;}
.newsList li .cont .line {height: 1px; margin: 6px 0 6px 0; background: #dddddd;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont .more {width: 100px; height: 32px; margin-top: 12px; line-height: 32px; text-align: center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont .more a {display: block; height: 100%;color: #047aba; background: #fff; }
.newsList li .cont .more:hover a {background: #01B4047aba8C;}
.newsList li:hover .more a {color: #fff; background: #047aba;}
.newsList li:hover h3 a {color: #047aba;}
.newsList li:hover .cont .line {margin: 10px 0 10px 0;}
*/

.kong{ margin: 0 auto; padding: 0; width: 100%; height: 20px;}

.page {width: 100%; height: 36px; margin:50px 0 40px 0; text-align: center; line-height: 36px; color: #333333;}
.page em {display: inline-block; height: 100%; margin: 0 3px; padding: 0 15px; border: 1px solid #eee; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #00ca9d;}
.page i {display: inline-block; height: 100%; margin: 0 3px; padding: 0 16px; border: 1px solid #eee; cursor: pointer;}
.page i:hover {background: #f5f4f4;}
.page i.active {color: #fff; background: #00ca9d;}
.page a {display: inline-block; width: 30px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #eee; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #00ca9d;}
.page p {display: inline-block; height: 100%; margin-left: 20px;zoom: 1; *display:inline; float:none;}	



.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}


.news_info {
	background:#fff;
	padding:40px;
	font-size:14px;
	line-height:30px;
}
.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info img{ max-width: 100%; height: auto;}
.news_info .connei{ font-size:14px; line-height: 30px; }


.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}


.news_info .shuomin { margin: 10px auto; padding:5px 0; width: 100%; height: auto; border-bottom: 1px dashed #e3e3e3;
	font-size:20px;
	color:#000;
	line-height:45px;
	text-align:left
}
.news_info .shuocon { margin: 10px auto; padding:5px 0; width: 100%; height: auto; 
	font-size:14px;
	color:#666;
	line-height:25px;
	text-align:left
}

.news_info .shuocon h3{ margin: 10px auto; padding:5px 0; width: 100%; height: auto; border-bottom: 1px dashed #e3e3e3;
	font-size:20px;
	color:#000;
	line-height:45px;
	text-align:left
}
.news_info .shuocon table{ width:100%;}
.news_info .shuocon td{ border: 1px solid #f3f3f3; padding: 10px 0;
	font-size:14px;
	color:#666;
	line-height:25px;
	text-align:center; vertical-align:text-top;
}
.news_info .shuocon td p{ margin:0; padding: 0;
	font-size:14px;
	
	line-height:25px;
	text-align:center; vertical-align:text-top;
}
.news_info .shuocon table tr:nth-child(odd){background:#F4F4F4;}
.news_info .shuocon table tr:nth-child(even){background:#fff;}
.news_info .shuocon table tr:nth-child(1){background:#204184;color:#FFF;}

.news_info .shuocon table tr:nth-child(1) td{background:#204184; color: #fff;}


.news_info .data {
	font-size:12px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info .prev {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	display:block;
	padding:10px 0 10px 40px;
	color:#ccc
}
.news_info .prev:hover {
	background:url(../images/arrow_l.png) 1% center no-repeat #40A9D0
}
.news_info .prev:hover a {
	color:#fff
}
.news_info .next {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:right;
	text-align:right
}
.news_info .next a {
	display:block;
	padding:10px 40px 10px 0;
	color:#ccc
}
.news_info .next:hover {
	background:url(../images/arrow_r.png) 99% center no-repeat #40A9D0
}
.news_info .next:hover a {
	color:#fff
}


.warranty-box { padding: 70px 0 80px; }
.warranty-box .warranty { width: 100%; max-width:  1200px; margin: 0 auto; }
.warranty-box .left-word { width: 30%; float: left; }
.warranty-box .left-word .content { padding-right: 80px; }
.warranty-box .left-word .t { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 60px; }
.warranty-box .left-word .c { text-align: justify; }

.warranty-box .left-img { width: 35%; float: left;  }
.warranty-box .left-img img{  max-width: 100%; height: auto;}

.warranty-box .hotline { float: right; width: 30%; background: -webkit-linear-gradient(#69afc7, #2c67a7); background: -o-linear-gradient(#69afc7, #2c67a7); background: -moz-linear-gradient(#69afc7, #2c67a7); background: linear-gradient(#69afc7, #2c67a7); color: #fff; line-height: 1; padding: 75px 0; }
.warranty-box .hotline .ico { display: block; width: 64px; height: 64px; background: url(images/hotline_ico.png) no-repeat scroll center center; margin: 0 auto; }
.warranty-box .hotline .phone { display: block; text-align: center; font-family: arial; font-size: 36px; margin: 25px 0 25px; }
.warranty-box .hotline .zh { display: block; text-align: center; }


.commitment-box { padding: 80px 0; background-color: #f4f4f4; }
.commitment-box .commitment { width: 100%; max-width:  1200px; margin: 0 auto; }
.commitment-box .t { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 60px; }
.commitment-box .list li { float: left; width: 33.33%; }
.commitment-box .list li:nth-child(3n+1) { clear: both; }
.commitment-box .list li:nth-child(3n+2) .con { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 50px; padding-right: 50px; }
.commitment-box .list li:nth-child(3n) .con { padding-left: 50px; padding-right: 50px; }
.commitment-box .list li:nth-child(3n+1) .con { padding-right: 50px; }
.commitment-box .list li:nth-last-child(1) .con { border-bottom: 0; }
.commitment-box .list li:nth-last-child(2) .con { border-bottom: 0; }
.commitment-box .list li:nth-last-child(3) .con { border-bottom: 0; }
.commitment-box .list li:hover .tit:before { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }
.commitment-box .list .tit { line-height: 1.3; font-size: 18px; color: #164e9f; padding-left: 60px; padding-top: 30px; padding-bottom: 5px; position: relative; margin-bottom: 20px; }
.commitment-box .list .tit.t1:before { background-image: url(images/commitment_ico_1.png); }
.commitment-box .list .tit.t2:before { background-image: url(images/commitment_ico_2.png); }
.commitment-box .list .tit.t3:before { background-image: url(images/commitment_ico_3.png); }
.commitment-box .list .tit.t4:before { background-image: url(images/commitment_ico_4.png); }
.commitment-box .list .tit.t5:before { background-image: url(images/commitment_ico_5.png); }
.commitment-box .list .tit.t6:before { background-image: url(images/commitment_ico_6.png); }
.commitment-box .list .tit.t7:before { background-image: url(images/commitment_ico_7.png); }
.commitment-box .list .tit.t8:before { background-image: url(images/commitment_ico_8.png); }
.commitment-box .list .tit.t9:before { background-image: url(images/commitment_ico_9.png); }
.commitment-box .list .tit.t10:before { background-image: url(images/commitment_ico_10.png); }
.commitment-box .list .tit:before { position: absolute; display: block; content: ""; display: block; width: 46px; height: 46px; background-position: center; background-repeat: no-repeat; background-attachment: scroll; left: 0; bottom: 2px; }
.commitment-box .list .con { padding: 20px 0 50px; border-bottom: 1px solid #ccc; }
.commitment-box .list .c { height: 130px; overflow: hidden; text-align: justify; }
.commitment-box .list .c1 { height: 240px; overflow: hidden; text-align: justify; }

/*contact*/

.contactnei{ margin:0 auto; padding:40px 0; width: 100%; height: auto;  }

.contactleft{ margin:0 auto; padding: 0;width: 40%; height: auto; float: left;}
.contactleft .title{ margin:10px auto; padding:5px 0;width: 100%; border-bottom: 1px dashed #e3e3e3;height: auto; float: left; font-size: 24px; line-height: 30px; text-align: left; color: #000;}

.contactleft ul{ margin:0 auto; padding:20px 0;width: 100%; height: auto;}
.contactleft ul li{ margin:10px auto; padding: 0;width: 100%; padding-left: 50px; height: auto;font-size: 14px; line-height: 41px; text-align: left; color: #666;}
.contactleft ul li a{ font-size: 14px; line-height: 41px; text-align: left; color: #666;}
.contactleft ul li a:hover{ text-decoration: underline;}

.contactleft ul li.add{ background: url( image/contact3.jpg) no-repeat top left;}
.contactleft ul li.tel{ background: url( image/contact1.jpg) no-repeat top left;}
.contactleft ul li.fax{ background: url( image/contact4.jpg) no-repeat top left;}
.contactleft ul li.email{ background: url( image/contact2.jpg) no-repeat top left;}
.contactleft ul li.web{ background: url( image/contact5.jpg) no-repeat top left;}


.contactright{ margin:0 auto; padding: 0;width: 56%; height: auto; float: right;}



/*分页*/

.badoo{padding:10px 0px;font-size:13px;color:#666;background-color:#fff;text-align:center;}
.badoo a{border:#f0f0f0 2px solid;padding:2px 5px;margin:0px 2px;border-left:#f0f0f0 2px solid;color:#666;text-decoration:none;}
.badoo a:hover{ background:#666;color:#fff; border:#666 2px solid;}
.badoo a:active{border:#666 2px solid;color:#666;}
.badoo span.current{border:#ff5a00 2px solid;padding:2px 5px;font-weight:bold;color:#fff;background-color:#ff6c16;}
.badoo span.disabled{display:none}



.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle;
}
.list_page li{
	float:left; 
}

.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	padding:0 30px;
	border:1px solid #d8d8d8;
	border-left:0;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#666;
	float:left;
	background-color:#f0f0f0
}
.list_page .current, .list_page a, .list_page .gap {
	width:60px;
	padding:0;
	height:40px;
	display:inline-block
}
.list_page .current {
	color:#fff;
	background-color:#40A9D0
}
.list_page .disabled {
	color:#b4b4b4
}
.list_page .next_page {
	width:auto
}
.page_div {
	height:42px;
	margin:0 auto 20px;
*margin:20px 0;
	padding:25px 0 28px 0;
	display:none
}
.list_page a{
	margin-left:10px;
}
.list_page a:hover {
	background-color:#fff
}
a.prev_page {
	padding:0 30px;
	width:auto
}
.page_div .picnext {
	width:225px;
	height:95px;
	display:none;
	background:url(../images/paging_icon1.png) no-repeat 0 -7px;
	vertical-align:top;
	margin:-22px 0 0 20px
}
.list_page span {
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}
.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	float:none;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}



#key{margin:0 auto; padding:10px 0; width: 100%; height: auto; background: #01a1ff;font-weight:normal;color:#fff; line-height: 25px; text-align: left;}
#key a{font-weight:normal;color:#fff; line-height: 25px;}

#site{ margin:0 auto; padding:20px 0; width: 100%; height: auto; background: #202123; border-top:1px solid #fff;}
#site1{ margin:0 auto; padding:20px 0; width: 20%; height: auto; float: left;}
#site11{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#site11 img{ max-width: 100%; height: auto;}
#site12{ margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left;font-weight:normal;color:#bababa; line-height: 25px; text-align: left; font-size: 12px;}



#site2{ margin:0 auto; padding:20px 3%; width: 64%; height: auto; float: left;}
#site2 ul{ margin:0 auto; padding:10px; width: 100%; height: auto; float: left;}
#site2 ul li{ margin:0 auto; padding:0; width: 33%; height: auto; float: left;}
#site2 ul li a{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#site2 ul li a:hover{ color:#f3f3f3; }

#site2 ul li ul{ margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left;}
#site2 ul li ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#site2 ul li ul li a{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;font-weight:normal;color:#bababa; line-height: 25px; text-align: left; font-size: 12px;}
#site2 ul li ul li a:hover{ color:#f3f3f3; }


#site3{ margin:0 auto; padding:20px 0; width: 10%; height: auto; float: left;}
#site31{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#site31 img{ max-width: 100%; height: auto;}

#foot{margin:0 auto; padding:5px 0; width: 100%; height: auto; background: #202123; border-top:1px solid #727272;}
#footleft{margin:0 auto; padding:5px 0; width: 70%; height: auto;  float: left;font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#footleft a{font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#footright{margin:0 auto; padding:5px 0; width: 20%; height: auto;  float: right;font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#footright a{font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}

@media (min-width:1200px) {

.navxiala .qiehuan{
    height: 56px;
    line-height: 60px;
}
}

 @media screen and (max-width:991px) {
html {	-webkit-text-size-adjust:none;}

	 header{ display:none;}
	 #menumain{display:none;}
.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0;}
.touch-navigation {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0 0;}
.touch-top-wrapper .touch-logo img {	height:50px;	display:block;}
#sidenav{display:none;}

}





 @media (min-width:768px) and (max-width:991px) {
/* slideshow */

.module-divider-full {	margin-bottom:-20px;}
}
 @media screen and (max-width:767px) {
.desktops-section {	display:none;}
.mobile-section {	display:block;}

/* 容器 */
	.module-full-screen-title {	margin-bottom:20px;}
.module-full-screen-title > .module-title-content > h2 {
	margin:0 15px;
	font-size:20px;
	font-weight:bold;
}
.module-full-screen-title > h3 {	display:none;}
.module-full-screen-title > .module-title-content > i {	width:80px;}
.module-full-screen-more a {	line-height:34px;}
.module-divider-full {	margin:20px 0 -20px;}

/* touch menu */
	.top-main-content {	display:none;}
.touch-top-wrapper .touch-logo img {	height:40px;}
.touch-toggle li {	height:60px;}
.touch-toggle li a {	height:60px;}
.touch-toggle li i {
	width:28px;
	height:28px;
	margin-top:15px;
}


}

 @media screen and (max-width: 640px){
	 
/* 容器 */
	.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal a {	margin-top:12px;}
.fixed-bottom {	display:block;}

	 
	 
	.seach .container{  margin-top:10px;}
.seach .gjc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:2%; line-height: 20px;}
.seach .sc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:0 2% 2% 2%; display: block;}
.seach .sc input{line-height:36px; height:36px;}
.seach .sc a{ height:36px; }
	 
.search { width: 92%; position: relative; float:left; background-color: #fff;height:40px; margin-top: 10px;}
.search input[type=text] { width:80%; opacity:1;   outline: none; border:0; background:none; line-height: 40px; color: #666; font-size: 14px;  transition:455ms ease-in-out;}

.search .search-txt{ padding-left:10px;}
.search .search-btn{ padding-right:10px; padding-top:5px;}	 
	 
#site1{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#site2{ display: none;} 
#site3{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
	 
#footleft{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#footright{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 

	 .promain ul li{width: 46%; }
.indexhangyemain ul li{width: 46%; height: auto; margin: 2%; }	
.indexhangleft{padding:10px 2%; width: 96%;}	 
.indexhangright{padding:10px 2%; width: 100%;}
.indexhangright ul{margin:0 auto; padding:0; width: 100%; height: auto; float: right;}
.indexhangright ul li{margin:0 auto; padding:2%; width: 96%; height: auto; float: left; margin:0 1%; background: #fff;}	 
	 
.indexabout .icoo ul li{margin:0 auto; padding:0; width: 46%; height: auto; margin: 2%; float: left;}	 
	 
.news .newssm{padding:2%; width: 96%;}

.news .jsbk{padding:2%; width: 96%;}
	 
#conaboutleft{ padding:2%; width: 96%;}
#conaboutright{ padding:2%; width: 96%;}

.col-lg-3 {width: 96%; margin: 2%; float: left;}	 
	.download ul li{
	border:1px solid #bfbfbf;
	padding:1.8% 2%;
	width: 96%;
margin-top: 15px;
} 
	.content-box{ padding:28px 0; background:#f3f3f3;} 
.content-info{ position:relative; width:96%; float:left; margin:2%; overflow:hidden;}	 
	 
	 
	 
 }
 
@media screen and (max-width: 480px){

.logo img {
    height: 17px;
}
.logo {
    padding: 18px 0;
}
/* touch-menu */
	.touch-top-wrapper .touch-logo img {	height:30px;}
.touch-toggle li {	height:50px;	padding:0 10px;}
.touch-toggle li a {	height:50px;}
.touch-toggle li i {
	width:20px;
	height:20px;
	margin-top:15px;
}
/* 容器 */	.module-full-screen-title > .module-title-content > i {	width:40px;}
.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal {	margin:6px 0 0;}

	
}
@media screen and (max-width: 400px){
 
}
/*友情链接*/

.linkmain{ width:100%; margin-top:30px; margin: 0 auto; background: #f3f3f3; height:auto; min-height:100px;}

.tabbox{ width:100%; max-width:1200px; margin: 0 auto; padding:10px; font-size: 14px; color: #202123; text-align: left;}
.tabbox a{ text-align: left; margin-right: 5px; margin-left: 5px; text-decoration:none;color:#202123;}
.tabbox a:hover{color:#666;text-decoration:none;}